import { defineComponent } from "vue";
const Middle = defineComponent({
	setup() {
		return () => {
			return (
				<div class="monitor-screen-middle">
					{/* 地图 */}
					<Map />
				</div>
			);
		};
	}
});
export default Middle;

// 地图
const Map = defineComponent({
	setup() {
		return () => {
			return (
				<div class="flex-col map-box">
					<div class="w-full grid grid-cols-8 gap-4">
						<div class="text-center param">
							<div class="text-blue-500">1#泵手动频率</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Hz</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">2#泵手动频率</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Hz</div>
						</div>
					</div>
					<div class="w-full grid grid-cols-8 gap-4">
						<div class="text-center param">
							<div class="text-blue-500">出水给定压力</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Mpa</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">加泵压力偏差</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Mpa</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">加泵频率</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Hz</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">减泵压力偏差</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Mpa</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">减泵频率</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Hz</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">出水压力量程</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Mpa</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">出水超压保护偏差</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Mpa</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">出水爆管压力</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Mpa</div>
						</div>
					</div>
					<div class="w-full grid grid-cols-8 gap-4">
						<div class="text-center param">
							<div class="text-blue-500">睡眠频率</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Hz</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">睡眠延时</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">s</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">唤醒偏差</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">Mpa</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">唤醒延时</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">s</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">加泵延时</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">s</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">减泵延时</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">s</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">换泵间隔</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">min</div>
						</div>
					</div>
					<div class="w-full grid grid-cols-8 gap-4">
						<div class="text-center param">
							<div class="text-blue-500">比例增益</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">%</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">积分时间</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">s</div>
						</div>
						<div class="text-center param">
							<div class="text-blue-500">微分时间</div>
							<div class="text-rose-500 font-bold value">###</div>
							<div class="text-blue-500">s</div>
						</div>
					</div>
				</div>
			);
		};
	}
});
